<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Temas Avanzados de Ingeniería de Sistemas II<</title>
        <link rel="stylesheet" href="../css/main.css">
        <link rel="stylesheet" href="../css/table.css">
        <link rel="stylesheet" href="../css/a.css">
        
        <script src ="../js/jquery-1.7.1.min.js" type ="text/javascript"></script>
        <script src ="../js/notas.js" type = text/javascript ></script>

    </head>
    <body>
        <div style="width:580px;margin:auto">
            <table class="clasico">
                <caption>
                    <a href="#" onclick="ins();">
                        <img src="../images/ins.png" align="top" title="Nuevo"/></a>
                    &nbsp;&nbsp;Notas de Alumnos
                </caption>
                <thead>
                    <tr>
                        <td>Alumno</td>
                        <td style ="width:50px"></td>
                        <td>Nota1</td>
                        <td>Nota2</td>
                        <td>Nota3</td>
                        <td>Comentario</td>
                        <td style ="width:20px">&nbsp;&nbsp;</td>
                        <td style ="width:20px">&nbsp;&nbsp;</td>
                   </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan ="10">
                            Taller Java MVC
                        </td>
                    </tr>
                </tfoot>
                <tbody>
                    <c:forEach var="n" items="${bQuery}">
                        <tr>
                            <td>
                                ${n.nombres}&nbsp;&nbsp;
                                
                            </td>
                            <td style="text-align: center; width:50px"><sup><a class ="clasico" href="#" onclick="promedio('${n.idalumno}');">Promedio
                                    </a></sup></td>
                            <td style="text-align: center">${n.nota1}</td>
                            <td style="text-align: center">${n.nota2}</td>
                            <td style="text-align: center">${n.nota3}</td>
                            <td>${n.comentario}</td>
                            <th>
                                <a href="#" onclick="upd('${n.idalumno}')"> <img src="../images/upd.png" title="Actualizar"></a>
                            </th>
                            <th>
                                <a href="#" onclick="del('${n.idalumno}')"> <img src="../images/del.png" title="Eliminar"></a>
                            </th>
                        </tr>
                        
                    </c:forEach>
                </tbody>
            </table>
            
        </div>
    </body>
</html>
